<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="__STATIC__/Home/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__STATIC__/Home/js/js.js"></script>
<script language="javascript" src="__STATIC__/Home/js/address.js"></script>
<link rel="stylesheet" href="__STATIC__/Home/css/order.css" />
<script type="text/javascript">
	$(function(){
		$('.add').click(function(){
			$('.add_form').slideDown(600);
		})
		$('.close').click(function(){
			$('.add_form').slideUp(600);
		})
	})
</script>
<title>订单确认-卷皮网</title>
</head>

<body>
<!-- 顶部开始 -->
<div id="toolbar">
	<!-- ****************折扣************** -->
	<div class="tool_l">
		<a href="">卷皮折扣</a>
	</div>
	<!-- ****************折扣************** -->
	<!-- ****************登录/注册************** -->
	<div class="tool_r">
		<if value="isset($_SESSION['uname'])" || value="isset($_SESSION['uid'])">
			<a href="{|U:'Member/index'}">{$_SESSION['uname']}</a><a href="{|U:'Index/out'}">退出</a>
		<else/>
			<a href="{|U:'Login/index'}">登录</a>
			<a href="{|U:'Register/index'}">免费注册</a><span>|</span>
		</if>	
		<a href="{|U:'OrdCen/index'}">我的订单</a>
		<a class="gouwu" href="{|U:'Shop/index'}">
			<span class="gouwudai"></span>购物袋
			<span class="gouwuqiu">
				<if value="$_SESSION['cart']">
				{$hd.session.cart.total_rows}
				<else/>0</if>
			</span>
		</a><span>|</span>
		<a href="">联系客服</a>
	</div>
	<!-- ****************登录/注册************** -->
</div>
<!-- 顶部结束 -->


<!-- 头部开始 -->
<div id="header">
	<div id="top">
		<div class="logo">
			<a href="__WEB__"></a>
		</div>
		<div class="center">
			<div class="load"></div>
			<span class="new">购物袋 </span>
			<span>确认订单</span>
			<span>支付</span>
			<span>完成</span>
		</div>
	</div>
	
</div>
<!-- logo结束 -->

<div id="hrt"></div>



<div id="order">
	<div class="top">
		<div class="tit">
			选择收货地址<a href="">管理收货地址</a>
		</div>
		<foreach from="$ADress_data" key="$k" value="$v">
			<div class="info" adid="{$v.adid}">
				<if value="$k==0">
					<span class="moren">默认地址</span>
					<span class="dui"></span>
				</if>
				<span class="iconfont">&#xf012d;</span> {$v.Uname} 收<br />
				<span class="iconfont">&#xf00e9;</span> {$v.province}{$v.address}<br />
				<span class="iconfont">&#xf00a2;</span> {$v.phone} 
				<!--<a href="">修改</a> <span adid="{$v.adid}" class="iconfont deladdress">&#xf01e6;</span>-->
			</div>
		</foreach>
		<script type="text/javascript">
			//异步选中默认地址
			$('.info').click(function(){
				var span = '<span class="moren">默认地址</span><span class="dui"></span>';
				$(this).prepend(span);
				$(this).siblings('.info').find('.moren').remove();
				$(this).siblings('.info').find('.dui').remove();
				$('input[name=info]').val($(this).attr('adid'));
				var adid = $(this).attr('adid');
				$.ajax({
					type:"post",
					url:"{|U:'addsInfo'}",
					data:{adid:adid},
					dataType:'json',
					success:function(phpData){
						$('.xingming').html(phpData.Uname);
						$('.ad_info').html(phpData.province+phpData.address);
						$('.mobile').html(phpData.phone);
					}
				});
			})
		</script>
		<div class="address"><span class="bg"></span><a class="add" href="javascript:;">新增地址</a></div>
	</div>
	
	<!--添加收货地址-->
	<div class="add_form" style="display: none;">
		<form action="{|U:'Order/address'}" method="post">
			<div class="inp">
				&nbsp;&nbsp;<span>*&nbsp;</span>收货人：<input type="text" name="Uname" id="" value="" />&nbsp;请填写收货人真实姓名，只能含字母或汉字
			</div>
			<div class="inp"><span>*&nbsp;</span>手机号码：<input type="text" name="phone" id="" /></div>
			<script language="javascript">
				var s=["s1","s2","s3"];
				var opt0 = ["请选择省","请选择市","请选择县（区）"];
				function setup(){
				 for(i=0;i<s.length-1;i++)
				  document.getElementById(s[i]).onclick=new Function("change("+(i+1)+")");
				 change(0);
				}
				window.onload=function(){
				setup()	
				};
				$(function(){
					$('.dj').live('click',function(){
						var dj = $('#s1').val() + '省,' + $('#s2').val() + '市,' + $('#s3').val();
						alert(dj);	
					})
				})
			</script>
			<div class="inp"><span>*&nbsp;</span>所在地区：
				<select id="s1" class="inp2" name="province">
					<option>省份</option>
				</select>
				<select id="s2" class="inp2" name="city">
					<option>地级市</option>
				</select>
				<select id="s3" class="inp2" name="county">
					<option>市、县级市、县</option>
				</select>
			</div>
			<div class="inp"><span>*&nbsp;</span>街道地址：<input class="inp3" type="text" name="address" id="" />&nbsp;请填写详细地址信息
			</div>
			<div class="inp inp7"><input class="inp8" type="checkbox" name="" id="" />设置为默认收货地址</div>
			<div class="inp inp10">
				<input class="inp11" type="submit" value="保存"/><a class="close" href="javascript:;">取消</a>
			</div>
		</form>
	</div>
	
	
	<div class="zhifu">选择支付方式</div>
	<div class="check">
		<input type="radio" name="canal" id="zf" checked="checked"/><label class="la1" for="zf"></label>
		<input type="radio" name="canal" id="wx" /><label class="la2" for="wx"></label>
	</div>
	<div class="ok">确认订单信息</div>
	<div class="title">
		<ul>
			<li class="li1">共（{$Gdata.total_rows}）件商品</li>
			<li class="li5">规格</li>
			<li class="li2">单价</li>
			<li class="li3">数量</li>
			<li class="li4">小计</li>
		</ul>
	</div>
	
	<div class="dianpu">店铺：穿越龙旗舰店 </div>
	<table>
		<foreach from="$Gdata['goods']" key="$k" value="$v">
			<tr>
				<td class="li1">
					<a href=""><img src="__ROOT__/{$v.options.img}" alt="" /></a>
					<a href="">{$v.name}</a>
				</td>
				<td class="li2">
					{$v.options.specName}
				</td>
				<td class="li3">￥{$v.price}</td>
				<td class="li4">{$v.num} 件</td>
				<td class="li3">￥{$v.total}</td>
			</tr>
		</foreach>
		
	</table>
	<form action="{|U:'Order/addOrder'}" method="post">
		<div class="coup">
			<div class="cou_r">
				<span class="l">商品金额：</span><span class="r">¥{$Gdata.total}</span><br />
				<span class="l">合计运费：</span><span class="r">¥0.00</span><br />
				<span class="l">活动优惠：</span><span class="r">-¥0.00</span><br />
				<span class="l">优惠券抵扣：</span><span class="r">-¥0.00</span>
				<p>待支付：<i>￥</i><b>{$Gdata.total}</b></p>
			</div>
			<div class="cou_l">
				收货信息：<br />
				<div class="Uinfo">
					<span class="xingming">{$First_data.Uname}</span>&nbsp;收<br />
					地址：<span class="ad_info">{$First_data.province}&nbsp;{$First_data.address}</span><br />
					联系方式：<span class="mobile">{$First_data.phone}</span><br />
				</div>
			</div>
		</div>
		<div class="buttom">
			<div class="bl"></div>
			<div class="br"></div>
			我已阅读并同意
			<a class="back" href="">《卷皮特卖服务协议》</a>
			请在<span>&nbsp;30&nbsp;</span>分钟内完成付款，超时将自动取消订单
			<input type="hidden" name="shopnum" value="{$Gdata.total_rows}"/>
			<input type="hidden" name="total" id="" value="{$Gdata.total}" />
			<input type="hidden" name="info" id="" value="" />
			<input type="submit" class="ok" style="border: 0; cursor: pointer;" value="确认并支付"/>
		</div>
	</form>
</div>
<!-- 订单列表结束 -->

<div id="hr"></div>

<!-- 底部开始 -->
<div id="bottom">
	<div class="bo_l">
		<img src="__STATIC__/Home/images/jp-app-90.png" alt="" /><br />
		扫描二维码下载
	</div>
	<div class="bo_c">
		<ul>
     		<p>获取更新</p>
			<li>●&nbsp;<a href="">iPhone/Android</a></li>
			<li>●&nbsp;<a href="">卷皮QQ空间</a></li>
			<li>●&nbsp;<a href="">卷皮新浪微博</a></li>
			<li>●&nbsp;<a href="">开放API</a></li>
		</ul>
		<ul>
     		<p>商务合作</p>
			<li>●&nbsp;<a href="">卖家免费报名</a></li>
			<li>●&nbsp;<a href="">商务合作</a></li>
			<li>●&nbsp;<a href="">廉政邮箱</a></li>
			<li>●&nbsp;<a href="">lianzheng@juanpi.com</a></li>
		</ul>
		<ul>
     		<p>公司信息</p>
			<li>●&nbsp;<a href="">关于卷皮</a></li>
			<li>●&nbsp;<a href="">媒体报道</a></li>
			<li>●&nbsp;<a href="">诚聘英才</a></li>
			<li>●&nbsp;<a href="">校园大使招募</a></li>
		</ul>
		<ul>
     		<p>帮助中心</p>
			<li>●&nbsp;<a href="">新手上路</a></li>
			<li>●&nbsp;<a href="">积分攻略</a></li>
			<li>●&nbsp;<a href="">网站地图</a></li>
		</ul>
	</div>
	<div class="bo_r">
		<a href=""></a>
		<span>周一至周日<br />9:00-22:00</span>
	</div>
</div>
<!-- 友情链接 -->
<div id="flink">
	 友情链接：
    <a href="">国画</a>
    <a href="">齐家装修</a>
    <a href="">大朴网</a>
    <a href="">世界名表</a>
    <a href="">葡萄酒</a>
    <a href="">易登网</a>
    <a href="">普洱茶</a>
    <a href="">中关村商城</a>
    <a href="">品牌鞋</a>
    <a href="">乐蜂网优惠券</a>
    <a href="">精选折扣</a>
    <a href="">拍鞋网官网</a>
	<a class="more" href="">更多>></a>
</div>


<div id="copy">
	武汉奇米网络科技有限公司 鄂ICP备10209250号　　Copyright © 2010 -2015 JuanPi.com All Rights Reserved
</div>

<div id="safe">
	<a href=""><img src="__STATIC__/Home/images/r_315online.gif" alt="" /></a>
	<a href=""><img src="__STATIC__/Home/images/r_cnnic.gif" alt="" /></a>
	<a href=""><img src="__STATIC__/Home/images/r_gongshang.gif" alt="" /></a>
	<a href=""><img src="__STATIC__/Home/images/sm_124x47.png" alt="" /></a>
</div>
<!-- 底部结束 -->
</body>
</html>
